<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>{% block title %}Your School in html5{% endblock %}</title>
    {% block style %}
    <link  rel="stylesheet" href="{{ MEDIA_URL }}style.css/" type="text/css" />
    <link  rel="stylesheet" href="{{ MEDIA_URL }}jquery-ui-1.8.17.customWTF.css/" type="text/css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
    <script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script>
    <script src="{{ MEDIA_URL }}jquery-ui-timepicker-addon.js"></script>
    <script src="{{ MEDIA_URL }}jquery.qtip-1.0.0-rc3.min.js"></script>
    <script src="{{ MEDIA_URL }}ajaxScripts.js"></script>
    {% endblock %}
</head>
<body>
<header id="banner" class="body">
    <h1><a href="{% url Exams.views.index %}">Your School</a></h1>
    <h2>{% if user.is_authenticated %}Welcome {{ user.username }}{% else %}Welcome{% endif %}</h2>
    <nav>
        <ul>
            {% block navlinks %}
                <li><a href="{% url Exams.views.index %}">Home</a></li>
                {% if user.is_authenticated %}
                    {% if user.username == "dabs" or user.is_superuser %}
                        <li><a href="{% url Exams.views.create %}">Create new exam</a></li>
                    {% endif %}
                <li><a href="{% url django.contrib.auth.views.logout %}">Logout</a></li>
                {% endif %}
            {% endblock %}
        </ul>
    </nav>
</header>
<section id="content" class="body">
    <!-- the actual content -->
    {% block content %}
        <h2>The content section</h2>
    {% endblock %}
</section>
<footer class="body">
    {% block footer %}
    <p>
        T-427-WEPO, Vefforritun II - Programming assignment 2: <br /><a href="mailto:fridfinnur10@ru.is">Fri&eth;finnur G&iacute;sli Sk&uacute;lason</a> and <a href="mailto:magnusg08@ru.is">Magn&uacute;s Gauti Gautason</a>
    </p>
    {% endblock %}
</footer>
</body>
</html>